技能介绍 | 前端工程师

计客传媒

遇见

更好的你我

国庆七天小长假过去了

大家都收心投入学习了吗？

是不是还对假期的时光念念不忘

假期总是追剧的好时光

你还记得自己追了什么吗？

 假期热剧引发的热点 

01

假期热剧不断，不知道你有没有追《延禧攻略》呢？

（图片源自《延禧攻略》官方微博）

（图片源自《延禧攻略》官方微博）

《延禧攻略》采用低饱和度的莫兰迪色，从房屋到人物服装的配色都非常美丽。

那么，当“色彩”遇上“职业”会碰撞出什么样的火花呢？

而这类“色彩职业”又需要什么样的知识储备？

与“色彩”有关的第一个职业，很多人都会想到“美工”吧。如果有对计算机行业做过一些了解的同学，应该能想到“前端工程师”。

但是，对于需要的知识储备，很多人现在应该都一脸茫然，那就跟着计客君一起来了解吧。

接下来，请拿出你们的小本本，好好记一记了。

         美工         

02

美工一般是指对平面、色彩 、基调、创意等进行加工和创作的技术人才，分为平面美工、三维美工和网页美工。

平面美工：用Illustrator或者Photoshop 设计出平面外观。

三维美工：使用3DMAX等做出三维角色模型设计，道具模型设计，环境场景模型设计，包装设计等。

网页美工：使用Photoshop或Fireworks等设计软件，将网页的视觉效果、排版等工作呈现出来。有人认为美工精通CSS/HTML/JavaScript等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由“前端开发工程师”来完成的。

（敲黑板，加粗内容为重点！！！）

很多人分不清“美工”和“前端工程师”的区别，那么我们继续来看看前端工程师是什么，相信看完以后你再也不会分不清了。

     前端工程师     

03

前端开发工程师是一个很新的职业，是指Web前端开发工程师，Web前端开发是从美工演变而来的。

★

Web1.0时代

网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

Web2.0时代

各种类似桌面软件的Web应用大量涌现，网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

前端开发工程师

随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。各种规模的IT企业都对自己的网站进行了重构。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。

Web前端开发工程师的主要职责是利用HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。通俗来讲，就是当你浏览网页时，网页的界面以及能实现点击跳转等各种功能的工作都是他们做的。

Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。

Web前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。总之，前端工程师所需要的专业知识储备是比较多的。

Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。

看了这些，相信你对美工和前端工程师有了一个大致的了解，当看到要学许多东西甚至要精十行，你是不是就望而止步了呢？

希望你们能够意识到，任何一行都是如此，都需要不断的学习和积累。在这里，计客君也希望萌新们都能尽快明确自己的方向，先为自己制定一个小目标，千万不要因为刚从高中进大学，突然放松，就“放飞自我”哦。

欢迎下方留言，写下你的小目标，计客君很乐意帮你监督一下的。

推荐阅读

2018/9/8

1

2

3

计客传媒

   责编   

毕达平 杨丽萍 申小凤

编辑：袁辉

编审：高艳